<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('菜单导航')"/>
  <style type="text/css">
		.active{
			background:url(/img/monitor-device-footer-btn-active.8e5a6f6.png) center no-repeat  !important; ;
		}
		ul.buttonList li:hover{
			background:url(/img/monitor-device-footer-btn-active.8e5a6f6.png) center no-repeat  !important;
		}
		
		ul.buttonList li{
			line-height:36px;
			text-align:center; 
			background:url(/img/monitor-device-footer-btn.bc4e75d.png) center no-repeat ;
			height: 36px;
			width: 116px;
			float: left;
			margin-left: 10px
		}
	</style>
</head>

<body class="gray-bg">
	<input type="hidden" id="dprtcode" name="dprtcode"  readonly th:value="${dprtcode}"/>
	<div class="content_center col-sm-12">
			<div class="col-sm-12  btn-group-sm"  role="group"  style="margin-bottom: 5px;margin-top: 4px;">
				<ul class="buttonList">
					<li class="active"  style="margin-left: 0px;cursor:pointer" onclick="changeit('system/accountjclist')">
						<a   style="color:#ffffff;text-decoration:none;">[[${btname}]]</a>
					</li>
				</ul>
				
				<a class="pull-right tiaozhuan" onclick="javascript:window.document.location.href='/system/main'" style="cursor:pointer;text-decoration:none;color: #09e8ff;margin-right: 64px;margin-top: 10px;" >
					<i class="fa fa-reply" ></i> 返 回
				</a>
	        </div> 
	        
	        <iframe class="Stm_iframe" id="iframe2" style="    height: 653px;" width="100%" height="100%" data-id="/system/accountjclist" th:src="@{/system/accountjclist}" frameborder="0" seamless scrolling ="no">
	        	
            </iframe>
	</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
	
	//按钮切换
	function changeit(url){
		iframe2.src= ctx + url;
	}
	
	$('ul.buttonList li').on('click',function(e){
	    $(this).addClass("active").siblings().removeClass("active");
	})

</script>
</body>
</html>
